草庐IT

Android Material Design 按钮样式

全部标签

javascript - 如何获取级联样式值或判断是否计算出实际值?

我需要获取元素的级联样式值(不是计算值),或者确定实际值是否已计算。例如,如果我有一个带有css规则width:100%的元素,我想获取值100%而不是实际的像素值,或者只是知道计算了实际值。我知道我可以使用elem.currentStyle获取它,我还在Chrome中找到了一种使用document.defaultView.getMatchedCSSRules()找到它的方法。有谁知道在其他浏览器中获取它的方法吗? 最佳答案 自己计算值怎么样?查询所需元素的计算宽度和父元素的计算宽度,然后做一些数学运算以获得百分比值?percent

javascript - 是否可以为凸起按钮添加自定义悬停颜色?

我正在处理一个使用Material-UI组件库的项目,我收到了一个自定义按钮悬停颜色的请求,该颜色超出了MUI主题的常规约定。我在RaisedButton源代码中找到了这个相关的代码块,https://github.com/callemall/material-ui/blob/master/src/RaisedButton/RaisedButton.js#L98.设置自定义labelColor确实会改变悬停状态,但这仍然不能满足我当前的需要,即让按钮悬停颜色与标签颜色有所不同。overlay:{height:buttonHeight,borderRadius:borderRadius,

javascript - 使用取消按钮单击提交按钮后防止提交表单

这个问题在这里已经有了答案:Onsubmitstillsubmitswhenreturningfalse(2个答案)关闭7年前。我有一个向后端提交值的表单,但我希望有一个取消按钮来停止提交表单。/**parameters**/SubmitCancel谁能告诉我怎么做?

javascript - 处理 JavaScript 中按钮点击的最佳方式(vanilla)

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion编辑:我的问题可能过于宽泛(仍在学习),但我仍然收到了非常有用的答案。非常感谢大家的意见。我还更正了我的代码以合并传递“事件”。这是我在这里问的第一个问题,所以我有点紧张......开始吧:管理按钮点击并让它们触发不同功能的最佳方法是什么(关于最佳实践、速度、兼容性等)?在研究这个问题时,我在EloquentJavaScript上找到了一个例子并以此为基础。然后我扩展了它,通过使用“映射器

javascript - 何时将样式表添加到 document.styleSheets

我正在尝试使用javascript动态添加css样式表规则,类似于示例2here.它大部分时间都有效,但似乎有一种竞争条件使其有时在(至少)Chrome(15.0.874和17.0.933)中失败。当缓存为空(或已被清除)时很少发生。以下是我能够缩小范围的内容。首先,我通过将外部样式表附加到来加载它。然后我创建一个新的样式表(我将在其中添加规则)。然后我打印document.styleSheets的长度(立即和1秒后)。$(function(){//itdoesn'thappenifthislineismissing.$("head").append('');varstylesheet

javascript - Twitter Bootstrap 获取复选框按钮组的状态

有几个与TwitterBootstrap的按钮单选/复选框组相关的问题,但似乎没有一个是新的Bootstrap约定(我使用的是v3.3.4)或我正在解决我的问题。旧约定是声明那包围了许多的,而且周围的div也有data-togglebuttons-checkbox的任一属性或buttons-radio看起来像这样:Btn1Btn2Btn3但是,创建这些类型的组的约定已更改,如按钮的BootstrapJavascript页面(http://getbootstrap.com/javascript/#buttons-checkbox-radio)所示:Checkbox1(pre-checke

javascript - 韩国谷歌地图的样式

我有一个网站,我在其中使用样式化的Googlemap。如果将map移动到韩国,则没有map特征(道路、高速公路、地点),只有命名的城市和一些自治市边界。如果我删除样式,所有这些功能都会返回。我为哪些特征设置样式似乎无关紧要,这发生在应用第一个更改时。例如,在不应用样式和将水样式设置为灰色之间交替。您可以使用此页面来复制您选择的任何功能的问题:http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html这只是Googlemap的限制吗?他们的韩国数据有问题吗?出于法律原因施加限制?由于您不能按地

javascript - ClassName 样式在 react 中不起作用

我在设计React组件时遇到了一点问题。我将我的scss样式表放在一个单独的文件中,并将它们导入到我的react文件中。我的scss样式表如下所示:.testStyle{font-family:avenir;color:blue;}我的react文件,看起来像这样:importReactfrom'react'importstylesfrom'../styles/main.scss'classTempextendsReact.Component{render(){return(****Hello)}}exportdefaultTemp使用此设置,我的样式不会通过,但是,如果我用替换带星号

javascript - 将按钮插入 DataTables 单元格无法正常工作

我正在尝试将按钮插入到JQuery数据表中,但似乎按下按钮时没有任何反应。代码如下(针对JQuery数据表):varoTable=$('#example').dataTable({"aaData":movieclips,"bProcessing":true,"bAutoWidth":false,"fnInitComplete":function(){varoSettings=this.fnSettings();for(vari=0;i0){$("tfootinput")[i].value=oSettings.aoPreSearchCols[i].sSearch;$("tfootinpu

javascript - 如何个性化警报按钮 - window.confirm() 和 window.alert()

这个问题在这里已经有了答案:Custom"confirm"dialoginJavaScript?(9个回答)关闭9年前。我看到许多网站使用不同的按钮文本对其警报和确认框进行了个性化设置。默认情况下,这是JavaScriptwindow.confirm()函数的输出:+-----------------------------+|Messagefromwebpage|+-----------------------------+|Popuptext||||||||||[Ok][Cancel]|+-----------------------------+但是,如果我想要一些自定义内容,例